{extend name="base" /}
{block name="body"}
<section class="swiper mt20">
    <div class="layui-container">
        <div class="swiper-box">
            <div class="layui-carousel" id="index_carousel">
                <div carousel-item>
                    {foreach name="slide" item="vo"}
                    <div class="slide-pic"><a href="{$vo.url}" target="{$vo.target}"><img src="{$vo.image}" alt="{$vo.description}" ></a></div>
                    {/foreach}
                </div>
            </div>
        </div>
    </div>
</section>
<section class="mt20 message">
    <div class="layui-container">
        <blockquote class="layui-elem-quote">
            <div class="fr">
                <ul class="top-search fl clearfix">
                    <form class="layui-form">
                        <li><input type="text" name="title" lay-verify="required" lay-reqText="陛下，您不填内容，臣妾搜不到呀？？" placeholder="输入您要搜索的内容...." autocomplete="off" class="layui-input"></li>
                        <li><button lay-submit class="layui-btn"><i class="layui-icon layui-icon-search"></i></button></li>
                    </form>
                </ul>
                <ul class="count fl clearfix">
                    <li title="网站共有会员：255 位">
                        <i class="layui-icon layui-icon-user"></i><br>255
                    </li>
                    <li title="网站共有课程：367 个">
                        <i class="layui-icon layui-icon-read"></i><br>367
                    </li>
                </ul>
            </div>
            <h3><i class="layui-icon layui-icon-speaker"></i> 欢迎新会员 <span>admin</span> 加入恒鑫影像。</h3>
        </blockquote>
    </div>
</section>
<section class="index-course mt20">
    <div class="layui-container">
        <div class="layui-card">
            <div class="layui-card-header">
						<span class='fr'>
							<span class="more-tips">查看全部</span>
							<i class="layui-icon layui-icon-more"></i>
						</span>
                <span class="bottom-line"><i class="layui-icon layui-icon-read"></i> 最新课程</span>
            </div>
            <div class="layui-card-body">
                <div class="layui-row layui-col-space20">
                    {foreach name="allCourse" item="vo"}
                    <div class="layui-col-md3">
                        <div class="course-class">
                            <ul>
                                <li>
                                    <a href="{:url('index/course/info',array('id'=>hashids_encode($vo['id']),'type'=>hashids_encode($vo['type'])))}">
                                        <img src="{$vo['picture']}">
                                        <div class="course-info clearfix">
                                            <h3> {$vo['title']}</h3>
                                            <div class="fl num"><i class="layui-icon layui-icon-user"></i>{$vo.id|getUserNum=###,$vo['type']}</div>
                                            <div class="fl num ml10"><i class="layui-icon layui-icon-read"></i>{$vo.views}</div>
                                            {if condition="$vo['price']==0"}
                                            <div class="fr price-free">免费</div>
                                            {else /}
                                            <div class="fr price">￥{$vo['price']}元</div>
                                            {/if}
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    {/foreach}
                    <!------>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="news-class mt20">
    <div class="layui-container">
        <div class="layui-row layui-col-space20">
            <div class="layui-col-md4">
                <div class="layui-card pd0 index-news">
                    <div class="layui-card-header">
								<span class='fr'>
									<span class="more-tips">查看全部</span>
									<i class="layui-icon layui-icon-more"></i>
								</span>
                        <span class="bottom-line"><i class="layui-icon layui-icon-notice"></i> 站内新闻</span></div>
                    <div class="layui-card-body">
                        <div class="layui-collapse" lay-accordion>
                            <div class="layui-colla-item">
                                <h2 class="layui-colla-title"><span>2019-11-27</span>完善公司会计核算体系</h2>
                                <div class="layui-colla-content layui-show" style="background-image: url('Ray/images/1541152218708.jpg');">
                                    <a href="#">查看详细</a>
                                </div>
                            </div>
                            <div class="layui-colla-item">
                                <h2 class="layui-colla-title"><span>2019-11-25</span>正确设置会计科目和会计账簿</h2>
                                <div class="layui-colla-content" style="background-image: url('Ray/images/1534907189568.jpg');">
                                    <a href="#">查看详细</a>
                                </div>
                            </div>
                            <div class="layui-colla-item">
                                <h2 class="layui-colla-title"><span>2019-11-21</span>公司成本核算整理及保管会计档案</h2>
                                <div class="layui-colla-content" style="background-image: url('Ray/images/1569594369475.jpg');">
                                    <a href="#">查看详细</a>
                                </div>
                            </div>
                            <div class="layui-colla-item">
                                <h2 class="layui-colla-title"><span>2019-11-15</span>负责集团公司财务管理体系建设</h2>
                                <div class="layui-colla-content" style="background-image: url('Ray/images/1573618797008.jpg');">
                                    <a href="#">查看详细</a>
                                </div>
                            </div>
                            <div class="layui-colla-item">
                                <h2 class="layui-colla-title"><span>2019-11-12</span>统筹集团公司税务规划与实施</h2>
                                <div class="layui-colla-content" style="background-image: url('Ray/images/1541152218708.jpg');">
                                    <a href="#">查看详细</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md8">
                <div class="layui-card pd0 index-class">
                    <div class="layui-card-header">
								<span class='fr'>
									<!-- Add Arrows -->
									<span class="index-class-prev"><i class="layui-icon layui-icon-left"></i></span>
									<span class="index-class-next"><i class="layui-icon layui-icon-right"></i></span>
									<i class="layui-icon layui-icon-more"></i>
								</span>
                        <span class="bottom-line"><i class="layui-icon layui-icon-read"></i> 班级套餐</span></div>
                    <div class="layui-card-body">
                        <div class="swiper-container swiper-class">
                            <div class="swiper-wrapper">
                                {foreach name="classroom" item="vo"}
                                <div class="swiper-slide">
                                    <div class="course-class">
                                        <ul>
                                            <li>
                                                <a href="{:url('index/classroom/info',array('id'=>hashids_encode($vo['id'])))}">
                                                    <img src="{$vo['picture']}">
                                                    <div class="course-info clearfix">
                                                        <h3> {$vo['title']}</h3>
                                                        <div class="fl num"><i class="layui-icon layui-icon-user"></i> 1523</div>
                                                        <div class="fr price">￥599元</div>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                {/foreach}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="index-user mt10">
    <div class="layui-container">
        <div class="layui-row layui-col-space20">
            <div class="layui-col-md8">
                <div class="layui-card pd0 index-works">
                    <div class="layui-card-header">
								<span class='fr'>
									<span class="more-tips">查看全部</span>
									<i class="layui-icon layui-icon-more"></i>
								</span>
                        <span class="bottom-line"><i class="layui-icon layui-icon-username"></i> 学员作品</span>
                    </div>
                    <div class="layui-card-body">
                        <div class="layui-row layui-col-space10">
                            <div class="layui-col-md4">
                                <a class="photo" href="#">
                                    <img src="Ray/images/z1.jpg">
                                    <div class="author"><img src="Ray/images/nan.jpg"></div>
                                    <div class="Photoname">比基尼美女</div>
                                </a>
                            </div>
                            <div class="layui-col-md4">
                                <a class="photo" href="#">
                                    <img src="Ray/images/z2.jpg">
                                    <div class="author"><img src="Ray/images/nan.jpg"></div>
                                    <div class="Photoname">比基尼美女</div>
                                </a>
                            </div>
                            <div class="layui-col-md4">
                                <a class="photo" href="#">
                                    <img src="Ray/images/z3.jpg">
                                    <div class="author"><img src="Ray/images/nan.jpg"></div>
                                    <div class="Photoname">比基尼美女</div>
                                </a>
                            </div>
                            <div class="layui-col-md4">
                                <a class="photo" href="#">
                                    <img src="Ray/images/z4.jpg">
                                    <div class="author"><img src="Ray/images/nan.jpg"></div>
                                    <div class="Photoname">比基尼美女</div>
                                </a>
                            </div>
                            <div class="layui-col-md4">
                                <a class="photo" href="#">
                                    <img src="Ray/images/z5.jpg">
                                    <div class="author"><img src="Ray/images/nan.jpg"></div>
                                    <div class="Photoname">比基尼美女</div>
                                </a>
                            </div>
                            <div class="layui-col-md4">
                                <a class="photo" href="#">
                                    <img src="Ray/images/z6.jpg">
                                    <div class="author"><img src="Ray/images/nan.jpg"></div>
                                    <div class="Photoname">比基尼美女</div>
                                </a>
                            </div>
                            <div class="layui-col-md4">
                                <a class="photo" href="#">
                                    <img src="Ray/images/z2.jpg">
                                    <div class="author"><img src="Ray/images/nan.jpg"></div>
                                    <div class="Photoname">比基尼美女</div>
                                </a>
                            </div>
                            <div class="layui-col-md4">
                                <a class="photo" href="#">
                                    <img src="Ray/images/z3.jpg">
                                    <div class="author"><img src="Ray/images/nan.jpg"></div>
                                    <div class="Photoname">比基尼美女</div>
                                </a>
                            </div>
                            <div class="layui-col-md4">
                                <a class="photo" href="#">
                                    <img src="Ray/images/z1.jpg">
                                    <div class="author"><img src="Ray/images/nan.jpg"></div>
                                    <div class="Photoname">比基尼美女</div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-col-md4">
                <div class="layui-card pd0 index-race">
                    <div class="layui-card-header">
								<span class='fr'>
									<span class="more-tips">查看全部</span>
									<i class="layui-icon layui-icon-more"></i>
								</span>
                        <span class="bottom-line"><i class="layui-icon layui-icon-picture"></i> 全球赛事</span></div>
                    <div class="layui-card-body">
                        <ul class="layui-timeline mt5">
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">“躬行逐梦·善爱同行” ——亲子摄影大赛</h3>
                                    <p>举办方:这是个秘密<br>截稿时间:2020-01-01</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">江西省第二十五届摄影作品展览</h3>
                                    <p>举办方:这是个秘密<br>截稿时间:2020-01-01</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">“浙”里风景独好——聚焦“醉美金华”旅游摄影大展</h3>
                                    <p>举办方:这是个秘密<br>截稿时间:2020-01-01</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">“美丽乡村”全国摄影大展征稿启事</h3>
                                    <p>举办方:这是个秘密<br>截稿时间:2020-01-01</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">“街拍新时代”——江西省摄影季赛第一季</h3>
                                    <p>举办方:这是个秘密<br>截稿时间:2020-01-01</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">“躬行逐梦·善爱同行” ——亲子摄影大赛</h3>
                                    <p>举办方:这是个秘密<br>截稿时间:2020-01-01</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">“浙”里风景独好——聚焦“醉美金华”旅游摄影大展</h3>
                                    <p>举办方:这是个秘密<br>截稿时间:2020-01-01</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">“浙”里风景独好——聚焦“醉美金华”旅游摄影大展</h3>
                                    <p>举办方:这是个秘密<br>截稿时间:2020-01-01</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">“街拍新时代”——江西省摄影季赛第一季</h3>
                                    <p>举办方:这是个秘密<br>截稿时间:2020-01-01</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">“躬行逐梦·善爱同行” ——亲子摄影大赛</h3>
                                    <p>举办方:这是个秘密<br>截稿时间:2020-01-01</p>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{/block}
{block name="js"}
<script>
    var swiper = new Swiper('.swiper-class', {
        loop: true,
        slidesPerView: 3,
        spaceBetween: 15,
        navigation: {
            nextEl: '.index-class-next',
            prevEl: '.index-class-prev',
        },
    });
</script>
<script>
    layui.use(['carousel'], function(){
        var carousel = layui.carousel;
        carousel.render({
            elem: '#index_carousel'
            ,width: '100%'
            ,height:300
            ,arrow: 'always'
        });
    });
</script>
{/block}